
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/> 	
	<meta name="viewport" content="width=310,height=632,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"/>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="./css/gmu.css"/>


	<style type="text/css">

	body{background:#333;width:310px;}
	/*	序列点（号）
		======================*/
	.ui-slider-dots{
		padding:25px 15% 0;
		-webkit-box-sizing:border-box;
		text-align:center;
		position: relative;
		bottom: 30px;
	}
	.ui-slider-dots b{
		display:inline-block;
		height:20px;
		min-width:20px;
		width:10%;
		background: url('') no-repeat 50% 50%;
	}
	.ui-slider-dots b.ui-slider-dot-select{
		background-image:url('');
		
	}

	.videoList{
		width:100%;
		text-align:center;
		
		overflow:hidden;

	}
	.videoList div{
		width:310px;margin:0 auto;
	}
	</style>
	<script type="text/javascript" src='js/zepto.min.js'></script>
	<script type="text/javascript" src="js/gmu.js"></script>
	<title>创新BMW 3系列GT</title>
</head>
<body>
	<section class='bmw' >
		<section class='videoList'><div><img src='./img/bmw.png' style='float:left;'/></div></section>	
		<section id="slider" style='padding:10px 0 20px;'>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/demo/bmwSlider01.png"></a>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/demo/bmwSlider02.png"></a>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/demo/bmwSlider03.png"></a>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="img/demo/bmwSlider04.png"></a>
			</div>
		</section>
	</section>	

	<script type='text/javascript'>
		//创建slider组件
	   $('#slider').slider({'showArr':false,showDot: true});
	</script>
</body>
</html>

